body {
	background:#66f;
}
.header {
	height:80px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0px 10px;
	color:#fff;
	a {
		color:#fff;
		font-size:0.5rem;
	}
}
.main {
	background:#fff;
	.banner {
		img {
			width:100%;
			height:100%
		}
	}
	.hotshop {
		.title {
			height:50px;
			span {
				display:block;
				width:30%;
				height:100%;
				background:url(../images/maimaiti_4.png);
			}
		}
		.hot {
			figure {
				height:240px;
				figcaption {
					height:40px;
					padding-left:20px;
				}
				img {
					
				}
			}
		}
	}
	.sprog {
		h4 {
			height:50px;
			line-height:50px;
			i {
				display:inline-block;
				width:8%;
				background:url(../images/maimaiti_4.png);
			}
			span {
				display:inline-block;
			}
		}
		p {
			height:60px;
			display:flex;
		}
		.list {
			height:160px;
			display:flex;
		}
	}
}
.footer {
	width:100%;
	height:100px;
	background:#fff;
	position: fixed;
	left: 0px;
	bottom: 0px;
	display:flex;
	a {
		flex:1;
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
		color:#ccc;
		&.home{
			color:#66f;
		}
		i{
			font-size:0.75rem;
		}
	}
	
}